<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text " placeholder="请输入内容" id="txtUser">
    <input type="button" value="点击添加" onclick="addCityInfo()">
    <ul id="city"></ul>
    <script>
        function addCityInfo(){
            //找到输入标签
            var txtTag = document.getElementById("txtUser");
            //获取input框中用户输入的内容
            var newString = txtTag.value;
            //判断用户输入是否为空，不为空才继续
            if (newString.length!=0){
                //创建标签，li标签中间的文本信息就是用户输入的内容
                var newTag = document.createElement("li");
                newTag.innerText = newString;
                //将创建的标签添加到ul标签中
                var parentTag = document.getElementById("city");
                parentTag.appendChild(newTag);
                //将input框内容清空
                txtTag.value = "";
            }else{
                alert("输入不能为空")
            };
        };
    </script>
</body>
</html>